我們之前已經建立一個 Vue app instance，事實上，也可以用多個 Vue app instance 來建立功能，透過如樹狀結構般的 components 來組成頁面的完整功能，藉此來達到重複利用 component 的特性
另外，使用 vue-cli 建立的目錄中，可以看到 src/views 及 src/components 兩個目錄，存放在兩者中的檔案皆為
components 並無差異，唯一的差別在於其目的：會定義為 view 的 component 用來作為隨著 router 路由切換的
頁面內容
一個 component 可以如下方式來建立:
/* main.js */
Vue.component('welcome', {
template: '<h2>Welcome!</h2>',
});
第一個參數為 component 的名稱，第二個參數為 component 物件
iThome鐵人賽
看影片追技術